<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="top">
        <div class="top-left">
            <img src="images/catflix.svg" alt="">
        </div>
        <div class="top-center">
            <a href="#">
                <img src="images/home.svg" alt="">
                <span>Home</span>
            </a>
            <a href="#">
                <img src="images/move.svg" alt="">
                <span>Movies</span>
            </a>
            <a href="#">
                <img src="images/search.svg" alt="">
                <span>Series</span> 
            </a>
        </div>
        <form action="">
            <div class="Search">
                <img src="images/search.svg" alt="">
            </div>
            <input type="text" placeholder="Search">
            <div class="user">
                <img src="images/user.svg" alt="">
            </div>
        </form>
        
    </div>
    <!-- 头部结束，中间开始 -->
     <div class="box">
    <div class="logo w">
        <img src="images/catflix.svg" alt="">
        <h1>免费在线看电影</h1>
        <form action="">
            <label for="Search">
                <img src="images/search.svg" alt="">
            </label>
            <input type="text" id="Search" placeholder="Search">   
        </form>
        <div class="zuye">
                主页
         </div>
    </div>
    <!-- logo结束，banner开始 -->
     <div class="banner w">
        <h1>常见问题解答</h1>
        <p>浏览我们常见问题解答，获取有关使用我们
            的流媒体服务，从订阅详细信息到故障排除
            的快速解答。获得您所需的帮助，轻松欣赏您喜爱的电影和节目
        </p>
        <div class="what">
            
            <h3>什么是Catfilx?</h2>
            <div class="wei"></div>
            <p>catflix是一个提供各种电影和电视剧的流媒体平台
                ，通过我们，您可以随时随地在任何设备上免费享受
                令人兴奋的高质量内容。
            </p>
        </div>
     </div>
     <!-- banner结束，end开始 -->
      <div class="end w">
        <ul>
            <li> <img src="images/catflix.svg" alt=""></li>
            <li><a href="#">Home</a>
            <a href="#">Movies</a>
            <a href="#">Series</a>
            <a href="#">Series</a></li>
            <li>
                <span>Distv-2023</span>
                <span>Home</span>
                <span>Movies</span>
                <span>Series</span>
                <span>earchS</span>   
            </li>
        </ul>
      </div>
      <div class="foot">
        <a href="#">Home</a>
        <a href="#">Movies</a>
        <a href="#">Series</a>
      </div>
    </div>
</body>
</html>